h1 {
	font-family: Times;
}
header {
    width:90%;
    max-width: 1000px;
    margin: 20px auto;
    
}
header div {
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 0px 20px #000000;
	box-shadow: 0px 0px 20px #000000;
	opacity: 0.77;
	background: #D8D8D8;
	text-align: center;
	border-color: blue;
}

.logo {
	-webkit-transform:rotateY(180deg)
}

footer {
	padding: 10px;
	border-radius: 5px;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
}
@media screen and (max-width: 500px) {
	nav > ul > li > ul {
		right: 0;
	}
}
@media screen and (max-width: 450px) {
	header , nav{
		width: 100%;
	}
	nav > ul
	{
		width: 100%;
		right: 0px;
		left: 0px;
	}
	nav > ul > li > ul {
		width: 100%;
		right: 0px;
	} 

}
@media screen and (max-width: 360px) {
		nav {
			font-size:15px;
			padding:0px;
			font-weight: normal;
		}
		nav > ul > li {
			padding: 0px;
			margin: 0px;
		}
		nav > ul {
			margin: 0px;
			padding: 0px;
		}
		header div {
			margin: 0px 0px;
		}
		
}